<!---->
<div class="container _container">
    <!--操作、名称、头像-->
    <div class="row">
        <div class="col-sm-5 col-sm-offset-3 col-xs-8">
            <ul class="_uc-index-icon" id="op" [hidden]="delet">
                <li>
                    <a href="javascript:;" (click)="lModal.show()"><img src="assets/img/icon/edit.png" width="20px" height="20px" /></a>
                </li>
                <!--<li>-->
                    <!--<a href="javascript:;" (click)="delelt1()"><img src="assets/img/icon/move.png" width="20px" height="20px" /></a>-->
                <!--</li>-->
                <li>
                    <a  (click)="share1()"><img src="assets/img/icon/share.png" width="20px" height="20px" /></a>
                </li>
            </ul>
            <div class="_uc-index-share" [hidden]="share">
                <div class="arrow"></div>
                <h4 class="_uc-index-share-title">分享到</h4>
                <div class="bshare-custom icon-medium-plus">
                    <div class="bsPromo bsPromo2"></div>
                    <a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
                    <a title="分享到新浪微博" class="bshare-sinaminiblog" href="javascript:void(0);"></a>
                    <a title="分享到腾讯微博" class="bshare-qqmb" href="javascript:void(0);"></a>
                    <a title="分享到Facebook" class="bshare-facebook" href="javascript:void(0);"></a>
                    <a title="分享到Twitter" class="bshare-twitter" href="javascript:void(0);"></a>
                    <a title="分享到QQ空间" class="bshare-qzone"></a>
                    <a title="分享到人人网" class="bshare-renren"></a>
                    <a title="分享到网易微博" class="bshare-neteasemb"></a>
                    <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
                </div>
            </div>

            <div id="moveList" [hidden]="!delet">
                <div class="_uc-index-move">
                    <p id="errorMsg"></p>
                    <div>
                        <span id="move" class="active">移动</span><span id="copy">复制</span><span id="delete">删除</span><span id="back" (click)="delelt2()">返回</span>
                    </div>
                </div>
            </div>
            <p class="_uc-index-name">会员自定义收藏夹名称</p>
        </div>
        <div class="col-sm-2 col-xs-4">
            <div class="row _uc-index-count">
                <div class="col-xs-6 active" id="showRes">
                    <h5>材料</h5>
                    <p>{{matiral}}</p>
                </div>
                <div class="col-xs-6" id="showFactory">
                    <h5>制造厂</h5>
                    <p>{{fac}}</p>
                </div>
            </div>
        </div>
    </div>

    <!--列表-->
    <div class="_list"  *ngFor="let item of collectinfro" style="display:inline-block;margin-right: 10px">
        <div class="_list-item">
            <div class="_masonry-box">
                <img class="_box-img" [src]="item.url">
                <div class="_box-twoimg">
                    <div class="_box-twoimg-l">
                        <img [src]="item.url">
                    </div>
                    <div class="_box-twoimg-r">
                        <img [src]="item.url">
                    </div>
                </div>
                <div class="_box-intro">
                    <p class="_box-name">{{item.name}}</p>
                    <div class="_box-place">
                        <div class="_box-place-l">{{item.city}}</div>
                        <div class="_box-place-r"><span class="glyphicon glyphicon-heart"></span>{{item.num}}</div>
                    </div>
                    <p class="_box-class">
                        <{{item.catename}}>
                    </p>
                </div>

            </div>
        </div>
    </div>
</div>

<!-- 创建收藏夹Modal -->
<div class="modal fade _modal-form" bsModal #lModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">编辑你的收藏夹</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal _form" role="form" id="form">
                    <div class="form-group">
                        <p class="form-error"></p>
                        <input type="text" class="form-control" [value]="collname" name="Name" placeholder="名字" />
                    </div>
                    <div class="form-group">
                        <p class="form-error"></p>
                        <textarea class="form-control" placeholder="描述" [value]="cont" name="Intro" rows="5"></textarea>
                    </div>
                    <div class="form-group form-btn">
                        <button type="submit" class="btn btn-submit">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 删除提示框Modal -->
<div class="modal fade _modal-form" bsModal #lgodal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            </div>
            <div class="modal-body">
                <p class="modal-tip">确定要删除这1个材料吗？一旦删除将无法撤回。</p>
                <form class="form-horizontal _form" role="form">
                    <input type="hidden" id="Id" value="" />
                    <div class="form-group form-btn">
                        <button type="button" class="btn btn-submit" id="btnDelete">确定</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 选择一个收藏夹Modal -->
<div class="modal fade _collect-modal" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">选择一个收藏夹</h4>
                <p class="modal-tip">您已经在
                    <a href="user-intro.html" target="_blank">金属光泽</a>收藏夹收藏了哦</p>
            </div>
            <div class="modal-body">
                <div class="_collect-add">
                    <p data-toggle="collapse" data-target="#add" aria-expanded="true" aria-controls="add"><i class="fa fa-plus" aria-hidden="true"></i> 创建一个收藏夹</p>
                    <div id="add" class="collapse">
                        <form class="form-horizontal _form" role="form" onsubmit="return checkForm()">
                            <div>
                                <p class="form-error"></p>
                                <input type="text" class="form-control" id="Name" name="Name" placeholder="名字">
                            </div>
                            <div class="form-btn text-right">
                                <button type="submit" class="btn btn-submit" style="width: 60px;">创建</button>
                            </div>
                        </form>
                    </div>
                </div>
                <p class="_collect-list-all">所有收藏夹</p>
                <ul class="_collect-list">
                    <li>轧制</li>
                    <li>透明</li>
                    <li class="active">金属规则</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                    <li>编制结构</li>
                    <li>刺绣</li>
                    <li>雕版</li>
                </ul>
            </div>
        </div>
    </div>
</div>
